@extends('admin.layouts.layout')
@section('content')
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox-title">
			<a href="{{route('financial.detail')}}"><button class="btn btn-primary btn-sm" type="button"> 查看收支明细</button></a>
            </div>
            <div class="ibox-content">
                <form class="form-horizontal m-t-md" action="" method="post" accept-charset="UTF-8" enctype="multipart/form-data">
	                {!! csrf_field() !!}
	                {{method_field('PATCH')}}  
                    <div class="form-group">
						<div class="col-sm-2">
					      <span style="border-left:5px solid orange;padding-left:5px;margin-left:-5px;">收支信息</span>
				        </div>                                       
                    </div> 	                                  
                    <div class="form-group">
						<div class="col-sm-3">
							<div class="widget style1 lazur-bg" style="background-color:#eee">
				                <div class="row">
									<button class="btn btn-info btn-circle btn-lg" style="width:70px;height:70px;border-radius:70px;align:left;" type="button">本月<br/>收入</button>		
				                    <div class="col-xs-8 text-right" style="float: right;color:#777">
				                        <span> 本月收入金额</span>
				                        <h2 class="font-bold">￥ 26000.00</h2>
				                    </div>
		                    
				                </div>
							</div>						 
				        </div>                                       
                    </div> 

                    <div class="form-group">
						<div class="col-sm-3">
							<div class="widget style1 lazur-bg" style="background-color:#eee">
				                <div class="row">
									<button class="btn btn-info btn-circle btn-lg" style="width:70px;height:70px;border-radius:70px;align:left;" type="button">累计<br/>收入</button>		
				                    <div class="col-xs-8 text-right" style="float: right;color:#777">
				                        <span> 累计收入金额</span>
				                        <h2 class="font-bold">￥ 96000.00</h2>
				                    </div>		                    
				                </div>
							</div>						 
				        </div>                                       
                    </div>
					<div class="hr-line-dashed m-t-sm m-b-sm"></div>                    
                    <div class="form-group">
						<div class="col-sm-2">
					      <span style="border-left:5px solid orange;padding-left:5px;margin-left:-5px;">年收入统计</span>
				        </div>                                       
                    </div> 	                     
                    
                    <div class="form-group">
						<div class="col-sm-7"> 
							<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>												
						</div>						                                      
                    </div>                                                                                     
                    <div class="clearfix"></div>
                </form>
            </div>
        </div>
    </div>
<script src="{{loadEdition('/js/plugins/highcharts/highcharts.js')}}"></script> 
<script src="{{loadEdition('/js/plugins/highcharts/modules/exporting.js')}}"></script> 
<script src="{{loadEdition('/js/plugins/highcharts//modules/data.js')}}"></script> 
<script src="{{loadEdition('/js/plugins/highcharts/highcharts-zh_CN.js')}}"></script>  
<script>
var chart = Highcharts.chart('container',{
    chart: {
        type: 'column'
    },
    title: {
        text: ''
    },
    subtitle: {
        text: ''
    },
    xAxis: {
        categories: [
            '一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'
        ],
        crosshair: true
    },
    yAxis: {
        min: 0,
        title: {
            text: ''
        }
    },
    tooltip: {
        // head + 每个 point + footer 拼接成完整的 table
        headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
        pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
        '<td style="padding:0"><b>{point.y:.2f} ￥</b></td></tr>',
        footerFormat: '</table>',
        shared: true,
        useHTML: true
    },
    plotOptions: {
        column: {
            borderWidth: 0
        }
    },
    series: [{
        name: '收入',
        data: [23490.99, 69871.59, 1106.49, 1299.29, 1449.00, 90176.00, 1135.67, 5148.56, 31216.49, 78194.12, 9995.60, 58984.40]    
    }]
});

</script>   
<script src="{{loadEdition('/js/jquery.min.js')}}"></script> 
<script src="{{loadEdition('/js/plugins/flot/jquery.flot.js')}}"></script> 
<script src="{{loadEdition('/js/plugins/flot/jquery.flot.tooltip.min.js')}}"></script>
<script src="{{loadEdition('/js/plugins/flot/jquery.flot.resize.js')}}"></script>
<script src="{{loadEdition('/js/plugins/flot/jquery.flot.pie.js')}}"></script>    
@endsection